<script src="../../js/app.js"></script>
<div class="copyScreen" ui-view="container">
    <ol class="breadcrumb" style="font-size: 12px">
        <li>广告中心</li>
        <li>监播管理</li>
        <li>拷屏计划</li>
    </ol>

    <div class="panel">
        <div class="panel-heading panel-style">
            <div class="row panel-row" style="padding-bottom: 5px">
                <div class="search-div">
                    <div class="pull-left date-select-range">
                        <input ims-select-range-time="rangeDate" type="text" style="display: inline-block">
                    </div>
                </div>

                <div  class="pull-left mode" style="margin-top: -5px;">
                    <label class="adv" >广告主:</label>
                    <select style="height: 30px;padding-left: 5px" ng-model="search.advertiserId" ng-change="typeChange(search.advertiserId)" ng-init="search.advertiserId?search.advertiserId:advertiserSimpleList[0].id">
                        <option value="{{item.id}}" ng-repeat="item in advertiserSimpleList">{{item.name}}</option>
                    </select>
                </div>
                <div class="plan-search">
                    <label class="plan" style="float: left;margin-top: 6px">计划:</label>
                    <div class="input-group input-group-sm">
                        <input type="text" class="form-control" name="keyword" ng-model="search.campaignName" placeholder="搜索">
                    <span class="input-group-btn btn-bearch">
                        <button class="btn btn-default" type="button" ng-click="searchClick(search.campaignName)">
                            <i class="glyphicon glyphicon-search"></i>
                        </button>
                    </span>
                    </div>
                </div>


            </div>
        </div>
        <div class="table-responsive">
            <table class="table table-bordered table-hover">
                <thead>
                    <tr>
                        <th>计划ID</th>
                        <th>广告主</th>
                        <th>计划名称</th>
                        <th>任务数（未完成/全部）</th>
                        <th>最后更新时间</th>
                    </tr>
                </thead>
                <tbody>
                    <tr ng-repeat="item in copyScreenList">
                        <td>{{item.campaignId}}</td>
                        <td>{{item.advertiserName}}</td>
                        <td><a ui-sref="copyScreen.detail({campaignId:item.campaignId})">{{item.campaignName}}</a></td>
                        <td><span style="color: #FF0000">{{item.completeNum}}</span>/{{item.taskNum}}</td>
                        <td>{{item.uTime}}</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class="panel-footer">
        <s-pagination conf="paginationConf"></s-pagination>
    </div>
</div>
